/* 
    Document   : style.css
    Created on : 05.10.2011, 15:53:50
    Author     : Sun&Ride GmbH
    Description: Main Style sheet
*/

root { 
    display: block;
}

body{
    padding: 0px;
    margin:0px;
    background-color:#7FBCFF;

    /*Font*/
    font-family:"Arial";
}
/*Design Overlays*/
#sun_overlay{
    padding:0px;
    margin:0px;
    background-image:url(../img/sun.png);
    background-repeat:no-repeat;
    top:0px;
    left:0px;
    z-index:40;
    height:675px;
    width:700px;
    position:fixed;
}
#grass_overlay{
    padding:0px;
    margin:0px;
    background-image:url(../img/grass.png);
    background-repeat:repeat-x;
    bottom:0px;
    left:0px;
    z-index:60;
    height:98px;
    width:100%;
    position:fixed;
}

#bicycle_overlay{
    padding:0px;
    margin:0px;
    background-image:url(../img/bicycle_real.png);
    background-repeat:no-repeat;
    bottom:0px;
    right:50px;
    z-index:45;
    height:270px;
    width:300px;
    position:fixed; 
}
#bicycle_overlay_i{
    padding:0px;
    margin:0px;
    background-image:url(../img/bicycle.png);
    background-repeat:no-repeat;
    bottom:10px;
    right:5%;
    z-index:45;
    height:200px;
    width:334px;
    position:fixed;
}

#slogan_overlay_i{
    padding:0px;
    margin:0px;
    bottom:45%;
    right:5%;
    z-index:45;
    position:fixed; 
}
#slogan_overlay_i a{
    display:block;
    height:67px;
    width:1000px;
    background-image:url(../img/intro_slogan.png);
    background-repeat:no-repeat;
}

#slogan_overlay_i a:hover{
    padding:0px;
    margin:0px;
    background-image:url(../img/intro_slogan_hover.png);
    background-repeat:no-repeat;
    bottom:45%;
    right:5%;
    z-index:45;
    height:67px;
    width:1000px;
    position:fixed; 
}

#head{
    height:35px;
    width:100%;
    position:fixed;
    background-image:url(../img/head_menu_nav_bg.gif);
    background-repeat:repeat-x;
    padding:0px;
    overflow:visible;
    /*Font*/
    Font-Size:12px;
    z-index:99;
    text-align:center;
}

#head_container{
    height:100%;
    width:1000px;
    padding:0px;
    margin:auto;
    position:relative;
    text-align:left;
}

#head_logo{
    padding:0px;
    margin:0px;
    top:2px;
    left:0px;
    position:absolute;
    width:51px;
    height:100%;
}

#head_logo a{
    position:absolute;
    width:51px;
    height:30px;
    background-image:url(../img/logo/logo_small.png);
    background-repeat:no-repeat;
}
#head_logo a:hover{
    position:absolute;
    width:51px;
    height:30px;
    background-image:url(../img/logo/logo_small_hover.png);
    background-repeat:no-repeat;
}

#head_menu{
    padding:0px;
    margin:0px;
    left:70px;
    position:absolute;
    height:100%;
    width:500px;
}
#head_border_bottom{
    padding:0px;
    margin:0px;
    left:0px;
    top:35px;
    background-image:url(nav_transparent_sprite.png);
    position:absolute;
    height:5px;
    width:100%;

}
/*Navigation*/
ul.head_menu_nav {
    list-style: none;
    padding: 0 0px;
    margin: 0;
    float: left;
    width: 920px;
    background: #222;
    font-size: 1.2em;
    background: url(../img/head_menu_nav.gif) repeat-x;
}
ul.head_menu_nav li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.head_menu_nav li a{
    padding: 10px 0px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}
ul.head_menu_nav li a:hover{
    background: url(../img/head_menu_nav_hover.gif) no-repeat center top;
}
ul.head_menu_nav li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(../img/head_menu_subnav.png) no-repeat center top;
}
ul.head_menu_nav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.head_menu_nav li ul.head_menu_subnav {
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0; top: 35px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    border: 1px solid #111;
}
ul.head_menu_nav li ul.head_menu_subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    clear: both;
    width: 170px;
}
html ul.head_menu_nav li ul.head_menu_subnav li a {
    float: left;
    width: 145px;
    background: #333 url(../img/head_menu_subnav_dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}
html ul.head_menu_nav li ul.head_menu_subnav li a:hover { /*--Hover effect for subnav links--*/
    background: #222 url(../img/head_menu_subnav_dropdown_linkbg.gif) no-repeat 10px center;
}

/*Body*/
#body_container{
    padding:0px;
    margin:0px;
    top:0px;
    position:relative;
    width:100%;
    text-align:center;
}
#body_index{
    padding:0px;
    margin:0px;
    top:35px;
    position:relative;
    width:100%;

}
#body_index .content{
    padding:0px;
    margin:auto;
    position:relative;
    width:1000px;
    background-image:url(../img/main-background.png);
    text-align:left;
    min-height:90%;
    z-index:50;
}

/*Footer*/
#footer{
    font-size:10px;
    margin:auto;
    margin-top:20px;
    position:relative;
    height:160px;
    width:1000px;
    background-image:url(../img/main-background.png);
    text-decoration:none;
}

#footer a{
    color:cornflowerblue;
    text-decoration:none;
}


#footer a:hover{
    color:orange;
    text-decoration:none;
}

#footer_content{
    margin:0px;
    padding:5 0 0 10;
    text-align:center;
}

#footer_social{
    margin:0px;
    padding:0px;
    position:relative;
    right:0px;
}